@filePreview: file-preview;

.@{filePreview} {
  text-align: center;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  > img {
    max-height: 100%;
    max-width: 100%;
  }
  &-message {
    padding-top: 100 * @hd;
  }
  &-filetype {
    width: 75 * @hd;
    height: 75 * @hd;
    border-radius: 5 * @hd;
    &.icon-word { color: @icon-word; }
    &.icon-rar { color: @icon-rar; }
    &.icon-pic { color: @icon-pic; }
    &.icon-pdf { color: @icon-pdf; }
    &.icon-html { color: @icon-html; }
    &.icon-excel { color: @icon-excel; }
    &.icon-combined-shape { color: @icon-combined-shape; }
  }
  &-filename {
    color: @color-text-paragraph;
    margin: @h-spacing-md @v-spacing-md;
  }
  &-open {
    width: 80%;
    margin: 30 * @hd auto;
    border-radius: 4 * @hd;
  }
  &-loading {
    text-align: center;
    padding-top: 100 * @hd;
    width: 30%;
    margin: auto;
  }
  .email-action-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}